<!doctype html>
<html class="no-js">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>骏怡连锁-员工管理</title>
	<meta name="description" content="员工管理">
	<meta name="keywords" content="index">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="renderer" content="webkit">
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<link rel="icon" type="image/png" href="/favicon.ico">
	<meta name="apple-mobile-web-app-title" content="骏怡连锁" />
	<link rel="stylesheet" href="/assets/css/amazeui.min.css" />
	<link rel="stylesheet" href="/assets/css/admin.css">
	<script src="/assets/js/jquery.min.js"></script>
	<script src="/assets/js/app.js"></script>
	<!-- Sweet Alert-->
	<link rel="stylesheet" href="/assets/css/sweetalert2.min.css">
</head>

<body>
	<!--[if lte IE 9]><p class="browsehappy">升级你的浏览器吧！ <a href="http://se.360.cn/" target="_blank">升级浏览器</a>以获得更好的体验！</p><![endif]-->
	</head>

	<body>
		<header class="am-topbar admin-header">
			<div class="am-topbar-brand">
				<img src="/favicon.ico" />&nbsp;
				<span style="font-weight: bold;">骏怡连锁</span>
			</div>


		</header>

		<div class="am-cf admin-main">

			<div class="nav-navicon admin-main admin-sidebar">
				<div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：
					<span id="currentUser"></span>
				</div>
				<div class="sideMenu">
					<h3 class="am-icon-volume-up">
						<em></em>
						<a href="/pages/index.html">首页</a>
					</h3>
					<h3 class="am-icon-flag">
						<em></em>
						<a href="/pages/room.html">客房管理</a>
					</h3>
					<h3 class="am-icon-cart-plus">
						<em></em>
						<a href="/pages/role.html"> 角色管理</a>
					</h3>
					<h3 class="am-icon-users on">
						<em></em>
						<a href="#">员工管理</a>
					</h3>
					<h3 class="/pages/am-icon-gears">
						<em></em>
						<a href="/pages/user.html">用户管理</a>
					</h3>
				</div>
				<!-- sideMenu End -->

				<script type="text/javascript">
					jQuery(".sideMenu").slide({
						titCell: "h3", //鼠标触发对象
						targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
						effect: "slideDown", //targetCell下拉效果
						delayTime: 300, //效果时间
						triggerTime: 150, //鼠标延迟触发时间（默认150）
						defaultPlay: true,//默认是否执行效果（默认true）
						returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
					});
				</script>

			</div>

			<div class=" admin-content">

				<div class="daohang">
					<div class="am-u-sm-2"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页</div>
					<div class="am-u-sm-6"></div>
					<div class="am-u-sm-4"><button type="button" class="am-btn am-btn-default am-radius am-btn-xs" id="logout"> 退出登录</div>
				</div>

				<div class="admin">
					<table style="text-align: center;" class="am-table am-table-bordered am-table-striped am-table-compact">
						<h2 align='center'>员工列表</h2>
						<button class="add_btn am-btn am-btn-secondary" style="float: right;margin: 15px 20px;border-radius:7%;box-shadow: rgb(75, 72, 72) 1px 1px 4px">添加员工</button>						
						<thead style="background: rgb(212, 206, 206)">
							<th style="text-align: center">照片</th>
							<th style="text-align: center">编号</th>
							<th style="text-align: center">姓名</th>
							<th style="text-align: center">性别</th>
							<th style="text-align: center">年龄</th>
							<th style="text-align: center">电话</th>
							<th style="text-align: center">身份证号码</th>
							<th style="text-align: center">角色</th>
							<th style="text-align: center">操作</th>
						</thead>
						<tbody></tbody>
					</table>
				</div>

			</div>




		</div>

		<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="/assets/js/polyfill/rem.min.js"></script>
<script src="/assets/js/polyfill/respond.min.js"></script>
<script src="/assets/js/amazeui.legacy.js"></script>
<![endif]-->

		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="/assets/js/amazeui.min.js"></script>
		<!--<![endif]-->
		<!-- Sweet Alert -->
		<script src="/assets/js/sweetalert2.min.js"></script>


	</body>
	<script src="/assets/script/public.js"></script>
	<script src="/assets/script/employee.js"></script>
</html>